<!doctype html>
<html>
	<head>
		<title>3 Banners Wide</title>
		<link rel="stylesheet" href="css/common.css" type="text/css"/>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, maximum-scale=1, target-densitydpi=device-dpi" />
	</head>
	<body>
		<div id="container">
			<header>
				<div id="banners">
					<a href="#"class="banner">
						<img src="dummy/banner1.png" />
					</a>
					<a href="#"class="banner">
						<img src="dummy/banner2.png" />
					</a>
				</div><!-- /#banners -->
			
				<nav id="bcnav">
					<a class="orange" href="#"><img src="images/orange.png" alt="orange" /></a>
					<ul id="breadcrumbs" class="clearfix">
						<li>
							<a href="#first"><span>ראשי</span></a>
						</li>
						
						<li>
							<a href="#apps"><span>אפליקציות</span></a>
						</li>
					</ul>

					<div id="search">
						<a href="#search" id="searchbtn"><span>Search</span></a>
						
						<label id="searchinput" for="sinput">
							<input type="text" id="sinput" />
						</label>
					</div><!-- /#search -->

				</nav><!-- /#bcnav -->
			</header>

			<div id="content">
				
				<div id="current-item">
					<a class="item" href="#">
						<img src="dummy/thumb1.png" class="thumb" />
						<h3>מפרש החלומות</h3>
						<details>
							Dreamers inc.
						</details>
						<span class="price">₪2.99</span>
						<span class="button">הורדה</span>
					</a>				
				</div>
				<div id="facebook">
					<p>23 אנשים<br /> אוהבים את זה</p>
					<a href="#" class="like">אהבתי</a>
					<a href="#" class="share">שתף</a>
				</div>
				<h2>תיאור בסיסי</h2>
				<p>מפרש החלומות הוא משחק משעשע, למרות היותו משחק פעולה. המשחק כבש את המקום הראשון בכל חנויות האפליקציות של החברות המובילות בארץ ובעולם. מפרש החלומות הוא משחק משעשע, למרות היותו משחק פעולה. המשחק כבש את המקום הראשון בכל חנויות האפליקציות של החברות המובילות בארץ ובעולם.מפרש החלומות הוא משחק משעשע, למרות היותו משחק פעולה. המשחק כבש את המקום הראשון בכל חנויות האפליקציות של החברות המובילות בארץ ובעולם.</p>
				<h2>הנחיות שימוש</h2>
				<p>מפרש החלומות הוא משחק משעשע, למרות היותו משחק פעולה. המשחק כבש את המקום הראשון בכל חנויות האפליקציות של החברות המובילות בארץ ובעולם.</p>
				
				<h2>צילומי מסך</h2>
				<div id="screenshots">
					<div class="carousel">
						<div class="wrapper">
							<ul class="images">
								<li><img src="dummy/carousel/1.jpg" alt="" /></li>
								<li><img src="dummy/carousel/2.jpg" alt="" /></li>
								<li><img src="dummy/carousel/3.jpg" alt="" /></li>
								<li><img src="dummy/carousel/4.jpg" alt="" /></li>
								<li><img src="dummy/carousel/5.jpg" alt="" /></li>								
							</ul>
						</div>
						<div class="arr-right"></div>
						<div class="arr-left"></div>
					</div>
				</div>
				<a class="download-button" href="#">הורדה</a>
				<div class="info">
					<h2>מידע נוסף</h2>
					<table>
						<tr>
							<th>מותאם לגיל:</th>
							<td>18+</td>
						</tr>
						<tr>
							<th>שפה:</th>
							<td>אנגלית</td>
						</tr>
						<tr>
							<th>יכולות מיוחדות:</th>
							<td>GPS<td>
						</tr>
						<tr>
							<th>משקל האפליקציה:</th>
							<td>1.28MB</td>
						</tr>
					</table>
				</div>
				<div class="note">
					<p>לאחר הורדת האפליקציה תוכל לאתר אותה בתיקיית ההורדות במכשירך, למידע נוסף אנא פנה לאתר היצרן של המכשיר שברשותך</p>
				</div>
				<h2>משחקים נוספים</h2>
				<section class="whitebg">
					<ul class="items">
						<li>
							<a class="item" href="#">
								<img src="dummy/thumb1.png" class="thumb" />
								<div class="like">487</div>
								<div class="pick">בחירת העורך</div>
								<h3>מפרש החלומות</h3>
								<details>
									Dreamers inc.
								</details>
								<span class="price">₪2.99</span>
							</a>
						</li>
						<li>
							<a class="item" href="#">
								<img src="dummy/thumb2.png" class="thumb" />
								<div class="like">2</div>
								<h3>עולם הילדים - חיות ראשונות</h3>
								<details>
									תנו לחיות לחיות
								</details>
								<span class="price">₪3.99</span>
							</a>
						</li>

						<li>
							<a class="item" href="#">
								<img src="dummy/thumb3.png" class="thumb" />
								<div class="like">32</div>
								<div class="pick">מבצע</div>
								<h3>Facebook Album Sync</h3>
								<details>
									Facebook inc.
								</details>
								<span class="price">₪4.99</span>
							</a>
						</li>



					</ul><!-- /.items -->
				</section>
			</div><!-- /#content -->
			
			<footer>
				<a href="#home">לאתר orange</a>
				<a href="#pricelist">מחירון</a>
			</footer>
			
		</div>
		
		<script type="text/javascript" src="js/main.js"></script>
		<script type="text/javascript" src="js/zepto.min.js"></script>
		<script type="text/javascript" src="js/carousel.js"></script>
		<script>
			$(document).ready(function(){						
				$('.carousel').carouselize({
					right: ".arr-right",
					left: ".arr-left1"
				});
			});			
		</script>		
	</body>
</html>